<template>
  <div>
    <max-tree></max-tree>
  </div>
</template>

<script>

import {defineComponent, nextTick, ref, reactive} from "vue";

export default defineComponent({
  setup() {
    /**
     * 变量列表：
     */
    const input = ref('1');
    const theme1 = reactive({
      '--firstColor': '#00b894',
      '--secondColor': '#55efc4',
      '--thirdColor': '#81ecec',
      '--fontColor': '#595f6e',
      '--backGroundColor': 'transparent'
    });
    const theme2 = reactive({
      '--firstColor': '#6c5ce7',
      '--secondColor': '#a29bfe',
      '--thirdColor': '#74b9ff',
      '--fontColor': '#595f6e',
      '--backGroundColor': 'transparent'
    });
    const theme3 = reactive({
      '--firstColor': '#d63031',
      '--secondColor': '#ff7675',
      '--thirdColor': '#fab1a0',
      '--fontColor': '#595f6e',
      '--backGroundColor': 'transparent'
    });
    /**
     * 方法列表：
     * click：点击事件
     */

    /**
     * 初始化
     */
    nextTick(() => {
    });

    return {
      theme1,
      theme2,
      theme3,
      input
    };
  }
});
</script>

<style scoped>

</style>